<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>视觉中国设计社区</title>
    <link rel="stylesheet" href="css/homepage/topwapper-css/topwapper.css"/>
    <link rel="stylesheet" href="css/homepage/header-css/header.css">
    <link rel="stylesheet" href="css/homepage/common.css">
    <link rel="stylesheet" href="css/homepage/container-css/container.css">
    <link rel="stylesheet" href="css/homepage/container-css/container-middle.css">
    <link rel="stylesheet" href="css/homepage/footer-css/footer.css">

    <link rel="shortcut icon" href="//cdn.shijue.me/images/favicons.ico?dc=1499849306449">
</head>
<body>
    <div class="top-wapper">
        <div class="logo">
            <img src="img/homepage/icon/shijue-logo.svg">
        </div>
        <div class="user-info">
            <a href="denglu.html">
                <img src="img/homepage/icon/shijue-customer.svg"><span>登录</span>
            </a>
            <a href="zhuce.html">
                <img src="img/homepage/icon/shijue-lock.svg"><span>注册</span>
            </a>
        </div>
    </div>
    <div class="header">
        <div class="header-search">
            <div class="header-search-header">
                <img src="img/homepage/icon/visual-me-red.svg">
            </div>
            <div class="header-search-search">
                <input class="header-search-search-input" type="text" value="从1164432个灵感里发现"/>
                <button type="submit" class="search" >
                    <div></div>
                </button>
            </div>
        </div>
        <div class="author">
            <a href="#">王国</a>
            <a href="#">@荒井鹿</a>
        </div>
    </div>
    <div class="container">
        <div class="flexbox">
            <div class="flexbox-share">
                <div class="flexbox-share-center">
                    <a href="denglu.html">
                        <img src="img/homepage/icon/share.svg">
                    </a>
                    <div>
                        <h4>分享作品</h4>
                    </div>
                    <div>
                        <span>炫出你最好作品</span>
                    </div>
                </div>
            </div>
            <div class="flexbox-find">
                <div class="flexbox-find-center">
                    <a href="discovery.html">
                        <img src="img/homepage/icon/find.svg">
                    </a>
                    <div>
                        <h4>灵感头条</h4>
                    </div>
                    <div>
                        <span>寻找灵感的海量资料库</span>
                    </div>

                </div>
            </div>
            <div class="flexbox-context">
                <div class="flexbox-context-center">
                    <a href="dasai-jinxingzhong.html">
                        <img src="img/homepage/icon/icon-prize-line.svg">
                    </a>
                    <div>
                        <h4>精彩活动</h4>
                    </div>
                    <div>
                        <span>参与精选设计大赛</span>
                    </div>
                </div>
            </div>
            <div class="flexbox-community">
                <div class="flexbox-community-center">
                    <a href="index.html">
                        <img src="img/homepage/icon/icon_500px.svg">
                    </a>
                    <div>
                        <h4>摄影社区</h4>
                    </div>
                    <div>
                        <span>追寻摄影的灵感</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="container-middle">
            <div class="title">
                <div class="container-middle-title">与众不同的设计社区</div>
                <div class="container-middle-subtitle">让我们因设计成为朋友</div>
            </div>
            <div class="content">
                <!--item-->
                <div class="community-item">
                    <!--大图-->
                    <div class="community-item-pic">
                        <a>
                            <div class="photo-img">
                                <img width="100%" height="100%" src="img/homepage/adv/adv_27.jpg">
                            </div>
                        </a>
                    </div>
                    <!--图片相关信息-->
                    <div class="community-item-info">
                        <a class="community-item-info-photo-link">
                            <div class="user-img-block">
                                <img src="img/homepage/author/1.jpg!da1">
                            </div>
                        </a>
                        <div class="community-item-info-detail">
                            <div class="photo-detail">
                                <a>鼻屎说——关于鼻屎的科普及其书籍设计[彭炜然]</a>
                            </div>
                            <!--<br>-->
                            <div class="user-detail">
                                <a>上海视觉艺术学院视觉与信息设计专业</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--<div class="communityitem">-->
                    <!--<div class="photo-img">-->
                        <!--<img src="img/">-->
                    <!--</div>-->
                    <!--&lt;!&ndash;&ndash;&gt;-->
                    <!--<div>-->
                        <!--<div class="user-img-block">-->
                            <!--<img src="img/">-->
                        <!--</div>-->
                        <!--<div>-->
                            <!--<div class="photo-detail"></div>-->
                            <!--<div class="user-detail"></div>-->
                        <!--</div>-->
                    <!--</div>-->

                <!--</div>-->
                <!--<div class="communityitem">-->
                    <!--<div class="photo-img">-->
                        <!--<img src="img/">-->
                    <!--</div>-->
                    <!--&lt;!&ndash;&ndash;&gt;-->
                    <!--<div>-->
                        <!--<div class="user-img-block">-->
                            <!--<img src="img/">-->
                        <!--</div>-->
                        <!--<div>-->
                            <!--<div class="photo-detail"></div>-->
                            <!--<div class="user-detail"></div>-->
                        <!--</div>-->
                    <!--</div>-->

                <!--</div>-->
                <!--<div class="communityitem">-->
                    <!--<div class="photo-img">-->
                        <!--<img src="img/">-->
                    <!--</div>-->
                    <!--&lt;!&ndash;&ndash;&gt;-->
                    <!--<div>-->
                        <!--<div class="user-img-block">-->
                            <!--<img src="img/">-->
                        <!--</div>-->
                        <!--<div>-->
                            <!--<div class="photo-detail"></div>-->
                            <!--<div class="user-detail"></div>-->
                        <!--</div>-->
                    <!--</div>-->

                <!--</div>-->
                <!--<div class="communityitem">-->
                    <!--<div class="photo-img">-->
                        <!--<img src="img/">-->
                    <!--</div>-->
                    <!--&lt;!&ndash;&ndash;&gt;-->
                    <!--<div>-->
                        <!--<div class="user-img-block">-->
                            <!--<img src="img/">-->
                        <!--</div>-->
                        <!--<div>-->
                            <!--<div class="photo-detail"></div>-->
                            <!--<div class="user-detail"></div>-->
                        <!--</div>-->
                    <!--</div>-->

                <!--</div>-->
                <!--<div class="communityitem">-->
                    <!--<div class="photo-img">-->
                        <!--<img src="img/">-->
                    <!--</div>-->
                    <!--&lt;!&ndash;&ndash;&gt;-->
                    <!--<div>-->
                        <!--<div class="user-img-block">-->
                            <!--<img src="img/">-->
                        <!--</div>-->
                        <!--<div>-->
                            <!--<div class="photo-detail"></div>-->
                            <!--<div class="user-detail"></div>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
            </div>
        </div>

    </div>
    <div class="footer">
        <div class="footer-left">
            <div class="footer-adjust">
                <span class="footer-title"><b>视觉ME设计社区</b></span>
                <br>
                <span>视觉中国设计师社区是一个致力于设计作品分享、发现、售卖的专业平台。</span>
                <br>
                <span>这里有寻找灵感的海量资料库，也可以参与精彩纷呈的设计大赛并获得收益和提升。</span>
                <br>
                <span class="provision">
                    <span><a>帮助中心</a></span>
                    <span class="separation">|</span>
                    <span><a>服务条款</a></span>
                    <span class="separation">|</span>
                    <span><a>联系我们</a></span>
                    <span class="NNN">津ICP备13002055号-2</span>
                </span>
            </div>

        </div>
        <div class="footer-right">
            <div class="footer-right-adjust">
                <div>
                    <span class="social-media-title">社交媒体</span>
                </div>
                <div class="QRcode-adjust">
                    <!--weibo-->
                    <div class="QRcode weibo">
                        <div>
                            <img src="img/homepage/qrcode/weibo.png">
                        </div>
                        <div class="qrcode-title">
                            <h4>官方微博</h4>
                        </div>
                    </div>
                    <!--weixin-->
                    <div class="QRcode">
                        <div>
                            <img src="img/homepage/qrcode/weixin.jpeg">
                        </div>
                        <div class="qrcode-title">
                            <h4>微信定阅号</h4>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</body>
</html>